@media all and (max-width:1024px){

.clear{ clear:both}
.alogo{ clear:both; }

#head{width:95%;margin:0 auto;}

#menu{width:100%; float:none;}
ul.menu li { }
ul.menu .menulink {
    padding-left: 12px;
    padding-right: 12px;
    height:50px;
    font-size: 17px;
    _display: inline-block;
    line-height: 50px;}
.yuyan{ margin-top:0px!important;}


#nn1{width:100%;}
#nn{width:95%;margin:0 auto;}
#nn .n4{width:70%; }
#nn .n3{width:100%; }
#nn .n2{width:100%;}
#search_logo{  padding-right:2px;}
.searchinput{width:200px; }



.ab2{width:95%;margin:auto;}
.ab1{width:137px;}
.ab11{width:347px;}



.pro_1{width:100%; }
.pro_1 h3{width:95%; }

.pro_1 h3 span{width:100%;  }


.pro2{width:95%; margin:auto;}

.left{width:300px;}
.left h3{width:100%;}

.left ul{width:100%;}
.left ul li{display:inline;float:left;width:100%;  }
.left ul li a{ float:left;width:100%; }

.left img{ padding:0px; width:100% }
.sptu{ padding:20px;}
.ship{width:100%;}


.pro-right{ width:657px; float:right;  }
.pro-right1{width:100%;}

.pro-right1_1{width:300px; float:left; height:auto;}
.pro-right1_1 img{width:100%!important; float:left; max-height:auto; width:auto; padding-top:50px; padding-left:10px;}

.pro-right1_2 {width:320px; float:right;  margin-right:20px;}
.pro-right1_2 h4{width:100%; float:left; padding-top:50px; font-size:25px; font-weight:normal;}
.pro-right1_21 {width:100%; float:left; padding-top:20px; padding-bottom:20px; }

.imglist ul li:nth-child(6){float:right}
.imglist ul li:nth-child(5){ margin-left:23px; float:left}
.imglist ul li:nth-child(3){float:right}
.imglist ul li:nth-child(2){ margin-left:23px; float:left}
.imglist ul li{text-align:center;float:left;display:inline;width:31%;height:auto; margin:8px 0px;overflow:hidden;background:#e0e0e0;}
.imglist ul li img{width:89%;height:165px;}







.khq1{width:100%; float:left; padding-bottom:30px;}
.khq{width:95%; margin:auto}

.khq h3{width:100%; float:left;}
.khq h3 p{font-size:65px; width:500px;}



.dh2-1{ margin-top:70px; }
.dh2-2{ margin-top:80px; margin-left:100px;}



.dh2-3{margin-top:150px; margin-left:50px;}

.dh2-4{margin-top:80px; margin-left:50px;}


.dh2-5{ margin-top:-550px; }


#tf1{width:100%;height:200px; color:#FFFFFF; float:left;background:url(../images/bbb.jpg) no-repeat top center; margin-top:60px;}

.tf{width:95%; margin:auto;}
.tf span{ text-align:left; font-size:25px; padding-top:50px; line-height:35px; float:right!important; width:350px;}






.ysz1{
width:100%;
float:left;

}

.ysz{
width:100%;
float:left;
background:url(../images/bb.jpg) no-repeat top center #000;
height:297px; 
}
.ys{
width:95%;
margin:auto; 
}
.ys1{ float:right; padding-right:300px; padding-top:80px;
color:#fff; font-size:30px; text-align:right; line-height:50px;}
.ys1 b{font-size:70px; width:100%; }
.ys1 span{ width:100%}
.ys1 p{font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif }


.ys11{
width:95%; float:left; background:url(../images/ys_bb.png) no-repeat 180px 155px; 
}


.nr1{ float:right;width:474px;height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:474px; margin-top:40px; position: absolute;clear: both;}


.yyp{ width:540px; float:left; padding-top:40px;}
.yyp ul{ width:100%; float:left}
.yyp ul li{ padding-left:80px; float:left; text-align:center; font-size:18px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-bottom:20px;}
.yyp ul li:hover{ margin-top:-10px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}




.case1{width:100%; width:100%; float:left; background:#f0f0f0; padding-top:80px; padding-bottom:50px; margin-top:85px;}
.case h3{width:95%; float:left; text-align:center;  font-size:50px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:20px; }
.case h3 b{color:#003171; font-weight:900;}
.case h3 span{width:100%; text-align:center;  font-size:20px; color:#9f9f9f; font-weight:normal; line-height:55px; }



.honor{
width:100%; margin:auto; clear:both
}

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:1263px;margin:0 auto;z-index:-9999; }
.rollBox .Cont{width:1100px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:301px; height:226px;  float:left;text-align:center;margin-left:10px; margin-right:10px;    
  }
.rollBox .Cont .pic{width:301px; height:226px; float:left;text-align:left; background:#fff; }
.rollBox .Cont .pic img{ width:301px; height:226px;}



.imglist2 ul li:nth-child(4){float:right}
.imglist2 ul li:nth-child(3){ margin-left:1%;float:left}
.imglist2 ul li:nth-child(2){ margin-left:1%; float:left}
.imglist2 ul li{text-align:center;float:left;display:inline;width:23%;height:226px; margin-left:1%; margin-right:1%;;overflow:hidden;background:#e0e0e0;}
.imglist2 ul li img{width:96%;height:216px; padding:2%; background:#fff;  border: #d4d4d4 0px solid; float:left}




#new1{width:95%; margin:auto; overflow:hidden; padding-bottom:50px; padding-top:40px;}
#new1 h3{width:100%; float:left; text-align:center;  font-size:50px; color:#000; font-weight:900; line-height:55px; padding-top:20px; padding-bottom:50px; }
#new1 h3 span{width:100%; text-align:center;  font-size:18px; color:#363636; font-weight:normal;}
#new1 h3 p{width:200px; margin:auto; position:relative; height:1px; background:#b5b5b5;}

 

.n_left{ float:left; width:55%; }
.n_left_1{ width:100%; height:auto; float:left;border-bottom:#CCCCCC dashed 1px;padding-bottom:20px; }
.n_left_1 h4{ width:100%; font-size:20px; height:44px; line-height:44px; font-weight:normal;color:#000000; }
.n_left_1 h4 b{ width:149px; height:44px; background:#0e518e; font-size:20px; color:#FFFFFF; text-align:center; float:left; line-height:44px; margin-right:35px;}
.n_left_1_1{ width:100%; float:left; padding-top:15px;}
.n_left_1 h4 a{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}


.n_left_2{ float:left;  width:100%; }
.n_left_2 ul{  width:100%;float:left; padding-top:18px;}
.n_left_2 ul li{  width:100%; float:left;  border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:15px;}
.n_left_2 ul li img{ width:25%; height:120px; padding-right:0px; float:left}
.n_left_2_1{ width:70%;  float:right; }
.n_left_2_1 h6{ float:left; font-size:20px; color:#000000; line-height:35px;}

.xwms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}


.n_left_3{ float:left;  width:100%; }
.n_left_3 ul{  width:100%; float:left;}
.n_left_3 ul li{  width:100%;float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:43px;}
.n_left_3 ul li:hover{ color:#0066CC;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.sshijian{ float:right }



.n_right{ width:35%; height:570px; border:#dcdcdc solid 1px; float:right; font-size:14px; padding:25px;}
.n_right h4{ width:100%; font-size:25px; color:#0e518e; line-height:35px; }
.n_right h4 span{ float:right; font-size:14px; font-weight:normal}

.n_right img{ width:100%; height:206px; padding-top:20px; }

.n_right ul{ width:366px; float:left; padding-top:18px;}
.n_right ul li{ width:366px; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:50px; border-bottom:#CCCCCC dashed 1px;}
.n_right ul li:hover{ color:#0066CC;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}



#fot1{width:100%;float:left;background:#232324;padding-top:50px;padding-bottom:40px; border-top:#003171 solid 11px;}



.fot{ width:95%; margin:auto;font-size:14px; padding-bottom:35px;}



.ewm1{ width:250px;float:left; margin-right:20px;}
.ewm{ width:108px;float:left; text-align:center; color:#FFFFFF; font-size:14px; line-height:40px; margin-right:15px; padding-top:25px;}
.ewm p{ width:108px; float:left;  }

.contact{ width:330px; float:left; border-left:#2c2c2d solid 1px; border-right:#2c2c2d solid 1px; padding-left:30px; padding-right:20px; color:#7f7f87; line-height:30px;  }
.contact h3{ width:420px;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:20px;}
.dh{ width:140px; float:left; padding-left:30px;}
.dh h3{ width:100%;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:0px;}
.dh ul{ width:100%; float:left; padding-top:18px;}
.dh ul li{ width:100%; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:35px; }
.dh ul li a{ color:#7f7f87}
.dh ul li a:hover{ color:#fff;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}


.dh1{ width:120px; float:right;  }
.dh1 h3{width:100%;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:0px;}
.dh1 ul{width:100%;float:left; padding-top:18px;}
.dh1 ul li{ width:100%; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:35px; }
.dh1 ul li a{ color:#7f7f87}
.dh1 ul li a:hover{ color:#fff;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.footer1{width:100%;float:left;background:#232324;  border-top:#2c2c2d solid 1px; }
.footer{width:95%; margin:auto;line-height:70px; text-align:left}



.menu_pc{ display:block}
.menu_wap{ display:none}

.foot_wap{ display:none}

/*内页*/
#main {
  width: 95%;
  margin: auto;
  padding-top: 0px;
  clear: both;
}
#main .ab11 ul li{ margin-bottom:20px;}
#main .ab11{ float:left; width:100%; padding-top:20px;}




.lxx{width:100%; margin:0 auto; float:left; padding-bottom:50px; padding-top:30px;}

.lxx h3{width:100%;}


#main .imglist2 ul li{text-align:center;float:left;display:inline;width:285px;height:165px; margin:10px 10px;overflow:hidden; border: #e4e4e4 1px solid; }
#main  .imglist2 ul li img{background:#FFF; max-width:100%; max-height:100%;}
#main  .imglist2 ul li span{line-height:25px;display:block;background:#FFF; text-align:center}

#main .imglist1 ul li{text-align:center;float:left;display:inline;width:215px;height:160px; margin:10px 10px;overflow:hidden; border: #e4e4e4 1px solid; }
#main .imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
#main .imglist1 ul li span{line-height:22px;display:block;background:#FFF; text-align:center}



#main .zu11{width:215px!important; height:160px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  background:#FFF; }
#main  .zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
#main  .zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

#main .lxx11 {
  float: left;
  width: 100%;
  position: relative;
  clear: both;
}
.mapp13 {
  width: 100%;
  float: left;
  padding-bottom: 80px;
}

.div1270{ width:95%; margin:auto}
.vc1{width:95%;  float:left; text-align:center; font-size:35px; padding-top:25px; color:#000000]}
.vc12{ width:100%;  float:left; text-align:center; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:45px; padding-bottom:35px;}
.contact_2{
overflow:hidden; background-color:#f3f3f3; float:left; width:100%}
.contact_2_1{
margin-top:2.5em;}
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em;}
.contact_2_1_mid textarea{ height:14em;
border:none; background:none; width:100%; font-size:1em;}

.anniu {
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu {
margin-bottom:5.625em; margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}


}



@media all and (max-width:768px){
.menu_pc{ display:none!important}
.menu_wap{ display:block!important}
.foot_wap{ display:block!important}

.dier{ margin-left:8px; padding-top:5px;}
.dier h2{ font-size:24px; color:#000;}
.dier h3{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-transform:uppercase;}



#head{display:none;}


#flash{ float:none; }


#menu{ display:none;}



#nn1{
width:100%;
float:none;
height:auto; padding-top:10px; padding-bottom:10px;
background:#f0f0f0;
}
#nn{width:95%;margin:0 auto;}


#nn .n4{float:none;width:100%; }

#nn .n3{float:none;width:100%; color:#005ea6; font-size:20px; padding-top:18px; font-weight:bold ; clear:both}
#nn .n2{float:none;width:100%; line-height:30px; color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:none;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:30px; padding-right:0px; color:#3f3f3f }





#search{
width:100%;
 border-radius:25px;border:#d5d5d5 solid 1px;background:#fff;height:43px; margin-top:20px; margin-bottom:20px;
float:none;
}
#search_logo{ padding-top:3px;}


.searchinput{
height:34px;
line-height:34px;
margin-top:5px;
color:#333333;
border:#d5d5d5 solid 0px;
width:80%; margin-left:10px;
float:left;
padding-left:20px;
display:inline;

}







.ab2{width:95%;margin:auto; padding-top:35px; clear:both; }
.ab2-1{width:100%; float:none; clear:both }
.ab2-1 h3{width:100%; float:none;font-size:35px; color:#003171;font-weight:900;line-height:50px; padding-bottom:15px; }
.ab2-1 h3 span{ font-weight:normal; font-size:16px; color:#191818; line-height:30px;}
.ab2-1 h3 p{ font-weight:normal; font-size:25px; color:#191818;line-height:40px; }
.ab2-1 h3 b{ font-weight:normal; font-size:15px; color:#ececec; font-size:50px; text-transform:uppercase;font-family:impact;line-height:60px;  }

.ab2-3{width:100%; float:none; line-height:26px; font-size:14px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:25px;}


.ab1{width:35%;height:379px; float:left; background:#0f5ba9;writing-mode:vertical-rl; color:#4d7fb1; font-size:25px; line-height:50px; padding-top:30px; padding-right:5%;}
.ab1 b{font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase}
.ab11{width:60%;height:409px; float:right; overflow:hidden;
}
.ab11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.m1{ float:none;  font-weight:normal; background:url(../images/m1.jpg) no-repeat left; width:auto; height:45px; clear:both; margin-bottom:30px;}
.m1-1{ float:left;  font-size:15px;  width:45%; line-height:45px; color:#000000; text-align:center}
.m1-2{ float:left; font-size:17px; width:39%; line-height:45px; color:#fff; text-align:center}









.pro_1{width:100%; width:100%; float:none; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.pro_1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:0px; }
.pro_1 h3 b{color:#003171; font-weight:900;}


.pro_1 h3 span{width:100%; text-align:center;  font-size:17px; color:#9f9f9f; font-weight:normal; line-height:30px; }


.pro2{width:100%; margin:0 auto; margin-top:20px;}

.left{width:100%; float:none; background:#222222; padding-bottom:20px;}
.left h3{width:100%; height:110px; line-height:110px; background:#0e518e; float:left; color:#FFFFFF; text-align:center; font-size:35px; font-weight:900;}

.left ul{width:100%; text-align:center; font-size:17px; padding-top:0px; padding-bottom:0px;}
.left ul li{display:block;float:none;width:100%;  }
.left ul li a{ float:none;  width:100%;  line-height:53px; padding-left:0%; color:#fff}
.left ul li:nth-child(even){background:#393939;}
.left ul li a:hover{ float:none;  color:#fff; background:#0c2c6c }

.left img{ text-align:center; margin:0 auto;padding-left:0; padding-top:20px; padding-bottom:20px; width:100%; padding-right:0;}
.sptu{ width:93%; margin:0 auto}

.ship{width:100%; height:80px; line-height:80px; background:#0e518e; float:none; color:#FFFFFF; text-align:center; font-size:30px; font-weight:900;}
.dddh{ background:#393939; line-height:50px; color:#727272; font-size:15px; text-align:center}
.dddh b{  font-size:25px;}
.dddh1{ line-height:40px; color:#727272; font-size:15px; text-align:center; padding-left:0px;}



.pro-right{ width:95%; margin:0 auto; float:none; margin-top:40px;  }
.pro-right1{  background:#fff; width:100%; float:none; height:auto!important;  border: #d4d4d4 1px solid;border-top:#0e518e solid 5px; }

.pro-right1_1{width:100%; float:none; height:auto; clear:both; text-align:center; margin:0 auto; }
.pro-right1_1 img{width:100%; float:none; max-height:271px; width:auto; padding-top:30px; padding-left:0px; text-align:center}

.pro-right1_2 {width:93%; margin:0 auto; float:none; clear:both }
.pro-right1_2 h4{width:100%; float:none; padding-top:50px; font-size:25px; font-weight:normal;}
.pro-right1_21 {width:100%; float:none; padding-top:20px; padding-bottom:20px; }


.imglist ul{ clear:both; margin-bottom:20px; margin-top:40px;}
.imglist ul li:nth-child(6){float:right}
.imglist ul li:nth-child(5){ margin-left:0px; float:left}
.imglist ul li:nth-child(3){float:left}
.imglist ul li:nth-child(2n){ float:right}
.imglist ul li:nth-child(2){ margin-left:0px; float:right}
.imglist ul li{text-align:center;float:left;display:inline;width:48%;height:auto; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-bottom:20px;}
.imglist ul li img{width:100%;height:195px; padding:10px; background:#fff;  border: #d4d4d4 1px solid; float:none}
.imglist ul li span{line-height:40px; padding-top:0px;height:40px;text-align:cente;  color:#000000;float:none;width:100%;}






.khq1{width:100%; float:none; background:#0e518e; padding-top:40px; padding-bottom:40px;}
.khq{width:95%; margin:0 auto; }

.khq h3{width:100%; float:none; text-align:center;  font-size:30px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:2px; line-height:40px; clear:both;margin-bottom:50px;}
.khq h3 p{ border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; font-size:40px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:70px; width:100%; margin:auto}
.khq h3 b{ font-size:50px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:10px; }



.dh2-1{width:46%; height:260px;  float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:40px; position:none; margin-top:0px; }
.dh2-1 img{ padding-top:10px; padding-bottom:10px; }
.dh2-1 p{ font-size:14px; line-height:35px; }

.dh2-2{width:46%; height:260px;  float:right; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:40px; position:none; margin-top:0px; }
.dh2-2 img{ padding-top:10px; padding-bottom:10px;}
.dh2-2 p{ font-size:14px; line-height:35px; }


.dh2-3{width:100%; height:260px; text-align:center; float:left;background-size:100%; background:url(../images/b2.jpg) no-repeat center top; text-align:center; color:#fff; font-size:20px; padding-top:0px; font-weight:900 ;position:relative; margin-top:00px; margin-left:0px;}
.dh2-3 img{ padding-top:80px; padding-bottom:10px;}
.dh2-3 p{ font-size:14px; line-height:35px; }


.dh2-4{width:46%; height:260px; float:left;background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:0px; margin-left:0px;background-size:100%; }
.dh2-4 img{ padding-top:40px; padding-bottom:10px;}
.dh2-4 p{ font-size:14px; line-height:35px; }


.dh2-5{width:46%;  height:260px; float:right; background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:0px;background-size:100%; }
.dh2-5 img{ padding-top:40px; padding-bottom:10px; }
.dh2-5 p{ font-size:14px; line-height:35px; }


#tf1{
width:100%;
height:200px; color:#FFFFFF; 
float:none;
background:url(../images/bbb.jpg) no-repeat top center; margin-top:60px;
}

.tf{
width:95%; 
margin:0 auto;
}
.tf span{ text-align:left; font-size:25px; padding-top:50px; line-height:35px; float:right!important; width:350px;}
.tf p{
 font-size:15px;
}





.ysz1{width:100%;float:none;}

.ysz{width:100%;float:none;background:url(../images/bb.jpg) no-repeat top center #000;height:297px; }
.ys{width:95%;margin:0 auto; }
.ys1{ float:none; padding-right:20px; padding-top:40px;
color:#fff; font-size:25px; text-align:left; line-height:50px;}
.ys1 b{font-size:40px; display:block; text-align:left;}
.ys1 p{font-size:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:left; }


.ys11{
width:100%; float:none; background:url(../images/ys_bb.png) no-repeat 180px 155px; 
}


.nr1{ float:none;width:100%;height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:right; width:50%; margin-top:150px; position: absolute;clear: both;right:-0%;}
.nr2 img{ width:100%;}

.yyp{ width:100%; float:none; padding-top:40px;}
.yyp ul{ width:100%; float:none; clear:both}
.yyp ul li:nth-child(2n){ float:right}
.yyp ul li{ padding-left:0px; float:left; width:48%; text-align:center; font-size:17px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-top:20px;}
.yyp ul li:hover{ margin-top:-0px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}





.case1{width:100%; float:left; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.case h3{width:95%; float:none; text-align:center;  color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:10px;font-size:40px; margin:0 auto; }
.case h3 b{color:#003171; font-weight:900; }
.case h3 span{width:95%; text-align:center;  font-size:18px; color:#9f9f9f; font-weight:normal; line-height:30px; }
.honor{width:95%; margin:auto; clear:both}

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:100%;margin:0 auto;z-index:-9999; }
.rollBox .Cont{width:100%;overflow:hidden;float:none;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:100%; height:180px; float:left;text-align:left; background:#fff; }
.rollBox .Cont .pic img{ width:100%; height:180px;}
.imglist2 ul li:nth-child(2n){float:right}
.imglist2 ul li:nth-child(3){ margin-left:0px;float:left}
.imglist2 ul li:nth-child(2){ margin-left:0px; float:right}
.imglist2 ul li{text-align:center;float:left;display:inline;width:48%;height:180px; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-top:20px;}
.imglist2 ul li img{width:100%;height:180px; padding:5px;float:none}




#new1{width:95%; margin:auto; overflow:hidden; padding-bottom:40px; padding-top:40px;}
#new1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:900; line-height:55px; padding-top:0px; padding-bottom:50px; }
#new1 h3 span{width:100%; }
#new1 h3 p{width:60%;}


.n_left{ float:none; width:100%; }
.n_left_1{ width:100%; height:130px; float:none;border-bottom:#CCCCCC dashed 1px;}
.n_left_1 h4{ width:100%; font-size:20px; height:auto; line-height:auto; font-weight:normal;color:#000000; }
.n_left_1 h4  a{ font-size:18px;}
.n_left_1 h4 b{ width:149px; height:44px; background:#0e518e; font-size:20px; color:#FFFFFF; text-align:center; float:none; line-height:44px; margin-right:0px; display:block}
.n_left_1_1{ width:100%; float:none; padding-top:0px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:25px; margin-bottom:25px;}



.n_left_2{ float:none; width:100%; }
.n_left_2 ul{ width:100%; float:none; padding-top:18px; clear:both}
.n_left_2 ul li{ width:100%; float:none;  border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:15px; clear:both}
.n_left_2 ul li img{ width:25%; height:120px; padding-right:0px; float:left; object-fit: cover;}
.n_left_2_1{ width:70%;  float:right; }
.n_left_2_1 h6{ float:none; font-size:18px; color:#000000; line-height:35px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}

.n_left_2_1 .xwms{ float:none!important; margin-top:-10px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}


.n_left_3{ float:none; width:100%; }
.n_left_3 ul{ width:100%; float:none;}
.n_left_3 ul li{ width:100%; float:none; }



.n_right{ width:100%; height:auto; float:none;padding:4%; margin-top:30px; clear:both}
.n_right h4{ width:100%;  clear:both }
.n_right h4 span{ float:right; }

.n_right img{ width:100%;}

.n_right ul{ width:100%; float:none; padding-top:18px;}
.n_right ul li:last-child{ border-bottom:0px;}
.n_right ul li{ width:100%; float:none;  }




#fot1{width:100%;float:none;background:#232324;padding-top:50px;padding-bottom:40px; border-top:#003171 solid 11px; }

.flogo{ width:100%; text-align:center; margin:0 auto}
.flogo img{ text-align:center}
.fot{ width:95%; margin:0 auto;font-size:14px; padding-bottom:0px; float:none}

.clear{ clear:both}
.ewm:nth-child(2){ float:right}
.ewm1{ width:100%!important;margin:0 auto!important; float:none; margin-right:0px!important;margin-left:0px!important;border-bottom:#2c2c2d solid 1px; padding-bottom:20px;}
.ewm{ width:48%;float:left; text-align:center; color:#FFFFFF; font-size:14px; line-height:40px; margin-right:0px; padding-top:25px;}
.ewm p{ width:100%; float:none;  }
.ewm_z{ width:90%; margin:0 auto;}

.contact{ width:100%; float:none; border-left:#2c2c2d solid 0px; border-right:#2c2c2d solid 0px; padding-left:0px; padding-right:0px; color:#7f7f87; line-height:30px; text-align:center; padding-top:25px; }
.contact h3{ width:100%;  float:none;  color:#cfcfcf; line-height:35px; padding-bottom:20px; text-align:center}

.dh{ display:none; }
.dh1{ display:none; }

.footer1{float:none;}
.footer{width:95%; margin:0 auto;line-height:30px; padding-top:15px; padding-bottom:70px; text-align:center}









.nyabout{ background-size:250%; height:150px;}
.nycon{ background-size:250%; height:150px; }

.nyorder{ background-size:250%; height:150px; }
.nyfac{ background-size:250%; height:150px; }
.nytech{ background-size:250%; height:150px; }
.nycase{ background-size:250%; height:150px;}
.nypro{ background-size:250%; height:150px;}
.nynews{ background-size:250%; height:150px; }



body{color:#535353;font-size: 1em;font-family:"arial";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"arial"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0!important; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 

.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box;background:none; }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	
	
.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav {  background:#0f5ba9; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10000000000009; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {background-image: url(../images/shl-e.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	

#f1{height:240px;float:none; background-size:250%;}

#f2{height:240px;float:none; background-size:250%;}

#f3{height:240px;float:none; background-size:250%;}

#f4{height:240px;float:none; background-size:250%;}

#f5{height:240px;float:none; background-size:250%;}



#f6{height:240px;float:none; background-size:250%;}

#f7{height:240px;float:none; background-size:250%;}
#f8{height:240px;float:none; background-size:250%;}


#main{ width:95%; margin:0 auto; padding-top:0px; clear:both}
#main .ab11 ul{ clear:both}
#main .ab11 {height: auto; width:100%; padding-top:40px;}



#main .ab11 ul{overflow:hidden; }
#main .ab11 ul li{display:block;float:left; margin-bottom:20px;}
#main .ab11 ul li a{float:none; text-align:center; font-size:15px; text-align:center }
#main .ab11 ul li a:hover{   float:none;}


.zz1{  color:#FFFFFF;background:#0e518e; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz1 a{color:#FFFFFF ;text-align:center  }
.zz2{  color:#000;background:#eaeaea; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz2 a{color:#000 ; text-align:center }


.lxx {width: 100%; float: none;padding-bottom: 10px; padding-top: 30px;}
.lxx h3{width:100%; border-bottom:#e0e0e0 solid 1px; float:none; clear:both;  font-size:25px; text-align:left;  line-height:50px;  margin-bottom:30px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif}

.lxx h3 span{ display:none; font-size:14px; background:url(../images/h.jpg) no-repeat left 18px; float:right;  font-weight:normal; letter-spacing:0px; padding-left:0px; padding-top:0px;}

.newspage {
	 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center; float:none}


#main #about .imglist21 ul li:nth-child(2n){ float:right}
#main #about .imglist21 ul li { 
    text-align: center;
    float: left;
    display: inline;
    width: 48%;
    height: auto;
    margin: 0px;margin-bottom:25px; 
    overflow: hidden;
    background: #e0e0e0;}


#main #about .imglist21 ul li span {
    line-height: 40px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;
    padding-top: 0px;
    height: 40px;
    text-align: cente;
    color: #000000;
    float: none;
    width: 100%;}
	.order {
    width: 100%;
    float: none;
    padding-top: 0px;
    background: #f0f0f0;
    text-align: center;
    line-height: 45px;
    margin-bottom: 40px;
    color: #000;
    font-size: 18px;}
	
#main .case {
	width:100%;
	padding: 0px 0%;
	height: auto;
	overflow: hidden;
	margin-top: 50px; 
}

#main .case ul li:nth-child(2n){ float:right}
#main .case ul li{
	width:100%;
	height: auto;	
	margin-bottom: 20px;
	overflow: hidden; float:none; margin-right:0px; margin-left:0px;}
#main .case .animate { background:none;}

#main .case ul li .thum img{ width:100%; height:auto}
#main .case ul li .thum{width: 100%;height: auto; min-height:100%}
#main .case ul li:hover .name{height: 90px;}
#main .case ul li:hover .thum img{opacity: .8;}
#main .case ul li:hover .name strong{margin-left: 25px;font-size: 16px; }
#main .case ul li:hover .name span{margin-left: 25px;}
#main .case ul li:hover .name p{width: 25px;}
#main .case ul li .thum img{display: block; width:100%; height:auto;}
#main .case ul li.three{margin-right: 0%;}
#main .case ul li a{display: block;width: 100%;height: 100%;}
#main .case ul li img{display: block;}
#main .case ul li .name{margin-top: 30px;height: 90px;line-height: 30px;position: relative;overflow: hidden;}
#main .case ul li .name p{
	width: 0px;
	height: 1px;
	position: absolute;
	left: -5px;
	top: 19px;
	background: #3E3E3E;
	opacity: .5;
}
#main .case ul li .name strong{
	margin-right: 10px;
}
#main .case ul li .name span{
	font-size: 12px;
	opacity: .5;
	
}
.casePage {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	clear: both;
	padding-top: 35px;
}

.casePage .casePrev {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
	background: #878585;
	color: #fff;
}

.casePage .caseNext {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	background: #878585;
	color: #fff;
}

.mapp13{ width:100%; float:none;padding-bottom:0px; background:#fff; clear:both}

.lxx11{ width:100%; float:none;position: relative;clear: both; z-index:99999; }
.lxx112{width:75%; float:none; height:auto;position: absolute;clear: both;  padding:5% 4%; left:60px; top:70px; background:rgba(246,246,246,.9);  box-shadow:0px 6px 6px 0px rgba(0,0,0,.2);  color:#000}


.div1270{ width:95%; margin:0 auto; margin-top:40px;}
.vc1{ width:100%; float:none; text-align:center; font-size:35px; padding-top:25px; color:#000000]}
.vc12{width:100%; float:none;  text-align:center; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:45px; padding-bottom:0px;}
.contact_2{
overflow:hidden; background-color:#f3f3f3; float:none; width:100%; margin-top:50px;}
.contact_2_1{
margin-top:1.5em;}
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em;}
.contact_2_1_mid textarea{ height:14em;
border:none; background:none; width:100%; font-size:1em;}

.anniu {
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { border:0px;
margin-bottom:3.625em; margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
	

#main .imglist2 ul li:nth-child(2n){ float:right}
#main .imglist2 ul li {
    text-align: center;
    float: left;
    width: 48%; display:block;
    height: auto;
    margin: 0px 0px;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}
#main .imglist2 ul li img {
    width: 100%;
    height: 140px;
    padding: 5px;
    float: none;
}
#main .zu12 {display: flex;justify-content: center;align-items: center; overflow:hidden;
    width: 100%!important;
    height: 165px!important;
    overflow: hidden;

    background: #FFF;
}
#main  .zu11 {
    width: 100%!important;
    height: 160px!important;
    overflow: hidden;
    background: #FFF;
}

#main .imglist1 ul li img{background:#FFF;     width: 100%;
    height: auto;max-width:100%;
    padding: 5px;
    float: none;}
#main .imglist1 ul li span{line-height:22px;display:block;background:#FFF; text-align:center}

#main .imglist1 ul li:nth-child(2n){ float:right}
#main .imglist1 ul li {
  text-align: center;
  float: left;
  display: inline;
  width: 48%;
  height: auto;
  margin: 0; margin-top:20px;
  overflow: hidden;
  border: #e4e4e4 1px solid;
}
#main .imglist21 ul li:nth-child(2n){ float:right}
#main .imglist21 ul li{text-align:center;float:left;display:inline;width:48%;height:235px; margin:0;overflow:hidden;background:#e0e0e0;}
#main .imglist21 ul li img{ max-width:100%; max-height:100%;}
#main .imglist21 ul li span{line-height:40px; padding-top:0px;height:40px;text-align:cente;  color:#000000;float:left;width:100%;}

#main .zu121{width:100%!important; height:195px!important;display: flex;justify-content: center;align-items: center;  overflow:hidden; background:#FFF;   }
#main .zu121 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
#main .zu121 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


/*job*/
.jobt-t{ font-size:24px; font-weight:bold; color:#216fb9; margin-bottom:20px; }
.jobt-list li:nth-child(2n){ float:right}
.jobt-list li { overflow:hidden; margin-bottom:40px; width:48%; float:left;}
.jobt-list li ._num{ float:left; width:18%; font-size:30px; line-height:70px; border:1px solid #216fb9; color:#216fb9; text-align:center; }
.jobt-list li ._nr{ float:right; width:76%;}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#216fb9; color:#fff;}

.jobt-sum{ border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; clear:both;}
.jobt-sum span{ font-size:18px; font-weight:bold;}


#main  .pro_1{width:100%;   margin:auto;clear:both;color:#555555; background:#fff; padding-top:0px;}
#main  .pro_1 h3{width:360px;  float:none; text-align:left;  font-size:35px; color:#000000; font-weight:normal; line-height:45px; padding-top:50px; padding-bottom:10px; margin-bottom:35px;}
#main  .pro_1 h3 span{width:360px;  text-align:center;  font-size:18px; color:#363636; font-weight:normal}

.job-liucheng{ position:relative;}
.job-liucheng ._nr{ height:100%; background:url(../images/blue.8.png) repeat; width:45%; padding:0 2% 0 3%; color:#fff; position:absolute; left:0; top:0;}
.job-liucheng ._title{ font-size:24px; font-weight:bold; margin-top:60px; margin-bottom:30px;}
.job-liucheng ._sum{ font-size:14px; line-height:30px; margin-bottom:40px; }
.job-liucheng ._jbtn a{ display:inline-block; line-height:50px; border:3px solid #fff; font-size:18px; font-weight:bold; padding:0 25px 0 15px; margin-right:40px;}
.job-liucheng ._jbtn .ion{ font-weight:normal; font-size:26px; vertical-align:middle; }
.job-liucheng ._jbtn a:hover{ background:#216fb9; color:#fff; }


#main .subNav {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #000; line-height:22px;
    padding-left: 10px;
    background: #f0f0f0;
    margin-bottom: 15px;
}
#youku-playerBox{ width:100%!important; height:auto!important}
.xxx img{ width:100%!important; height:auto!important}
.xxx { width:100%!important; overflow:hidden}
}


@media all and (max-width:640px){

.menu_pc{ display:none}
.menu_wap{ display:block}

.foot_wap{ display:block}

.dier{ margin-left:8px; padding-top:5px;}
.dier h2{ font-size:24px; color:#000;}
.dier h3{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-transform:uppercase;}



#head{display:none;}


#flash{ float:none; }


#menu{ display:none;}



#nn1{ display:none;
width:100%;
float:none;
height:auto; padding-top:10px; padding-bottom:10px;
background:#f0f0f0;
}
#nn{width:95%;margin:0 auto;}


#nn .n4{float:none;width:100%; }

#nn .n3{float:none;width:100%; color:#005ea6; font-size:20px; padding-top:18px; font-weight:bold ; clear:both}
#nn .n2{float:none;width:100%; line-height:30px; color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:none;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:30px; padding-right:0px; color:#3f3f3f }





#search{
width:100%;
 border-radius:25px;border:#d5d5d5 solid 1px;background:#fff;height:43px; margin-top:20px; margin-bottom:20px;
float:none;
}
#search_logo{ padding-top:3px;}


.searchinput{
height:34px;
line-height:34px;
margin-top:5px;
color:#333333;
border:#d5d5d5 solid 0px;
width:80%; margin-left:10px;
float:left;
padding-left:20px;
display:inline;

}







.ab2{width:95%;margin:auto; padding-top:35px; clear:both; }
.ab2-1{width:100%; float:none; clear:both }
.ab2-1 h3{width:100%; float:none;font-size:35px; color:#003171;font-weight:900;line-height:50px; padding-bottom:15px; }
.ab2-1 h3 span{ font-weight:normal; font-size:16px; color:#191818; line-height:30px;}
.ab2-1 h3 p{ font-weight:normal; font-size:25px; color:#191818;line-height:40px; }
.ab2-1 h3 b{ font-weight:normal; font-size:15px; color:#ececec; font-size:50px; text-transform:uppercase;font-family:impact;line-height:60px;  }

.ab2-3{width:100%; float:none; line-height:26px; font-size:14px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:25px;}


.ab1{width:35%;height:379px; float:left; background:#0f5ba9;writing-mode:vertical-rl; color:#4d7fb1; font-size:25px; line-height:50px; padding-top:30px; padding-right:5%;}
.ab1 b{font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase}
.ab11{width:60%;height:409px; float:right; overflow:hidden;
}
.ab11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.m1{ float:none;  font-weight:normal; background:url(../images/m1.jpg) no-repeat left; width:auto; height:45px; clear:both; margin-bottom:30px;}
.m1-1{ float:left;  font-size:15px;  width:45%; line-height:45px; color:#000000; text-align:center}
.m1-2{ float:left; font-size:17px; width:39%; line-height:45px; color:#fff; text-align:center}









.pro_1{width:100%; width:100%; float:none; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.pro_1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:0px; }
.pro_1 h3 b{color:#003171; font-weight:900;}


.pro_1 h3 span{width:100%; text-align:center;  font-size:17px; color:#9f9f9f; font-weight:normal; line-height:30px; }


.pro2{width:100%; margin:0 auto; margin-top:20px;}

.left{width:100%; float:none; background:#222222; padding-bottom:20px;}
.left h3{width:100%; height:110px; line-height:110px; background:#0e518e; float:left; color:#FFFFFF; text-align:center; font-size:35px; font-weight:900;}

.left ul{width:100%; text-align:center; font-size:17px; padding-top:0px; padding-bottom:0px;}
.left ul li{display:block;float:none;width:100%;  }
.left ul li a{ float:none;  width:100%;  line-height:53px; padding-left:0%; color:#fff}
.left ul li:nth-child(even){background:#393939;}
.left ul li a:hover{ float:none;  color:#fff; background:#0c2c6c }

.left img{ text-align:center; margin:0 auto;padding-left:0; padding-top:20px; padding-bottom:20px; width:100%; padding-right:0;}
.sptu{ width:93%; margin:0 auto; padding:0px;}

.ship{width:100%; height:80px; line-height:80px; background:#0e518e; float:none; color:#FFFFFF; text-align:center; font-size:30px; font-weight:900;}
.dddh{ background:#393939; line-height:50px; color:#727272; font-size:15px; text-align:center}
.dddh b{  font-size:25px;}
.dddh1{ line-height:40px; color:#727272; font-size:15px; text-align:center; padding-left:0px;}



.pro-right{ width:95%; margin:0 auto; float:none; margin-top:40px;  }
.pro-right1{  background:#fff; width:100%; float:none; height:auto!important;  border: #d4d4d4 1px solid;border-top:#0e518e solid 5px; }

.pro-right1_1{width:100%; float:none; height:auto; clear:both; text-align:center; margin:0 auto; }
.pro-right1_1 img{width:100%; float:none; max-height:271px; width:auto; padding-top:30px; padding-left:0px; text-align:center}

.pro-right1_2 {width:93%; margin:0 auto; float:none; clear:both }
.pro-right1_2 h4{width:100%; float:none; padding-top:50px; font-size:25px; font-weight:normal;}
.pro-right1_21 {width:100%; float:none; padding-top:20px; padding-bottom:20px; }


.imglist ul{ clear:both; margin-bottom:20px; margin-top:40px;}
.imglist ul li:nth-child(6){float:right}
.imglist ul li:nth-child(5){ margin-left:0px; float:left}
.imglist ul li:nth-child(3){float:left}
.imglist ul li:nth-child(2n){ float:right}
.imglist ul li:nth-child(2){ margin-left:0px; float:right}
.imglist ul li{text-align:center;float:left;display:inline;width:48%;height:auto; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-bottom:20px;}
.imglist ul li img{width:100%;height:195px; padding:10px; background:#fff;  border: #d4d4d4 1px solid; float:none}
.imglist ul li span{line-height:40px; padding-top:0px;height:40px;text-align:cente;  color:#000000;float:none;width:100%;}






.khq1{width:100%; float:none; background:#0e518e; padding-top:40px; padding-bottom:40px;}
.khq{width:95%; margin:0 auto; }

.khq h3{width:100%; float:none; text-align:center;  font-size:30px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:2px; line-height:40px; clear:both;margin-bottom:50px;}
.khq h3 p{ border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; font-size:40px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:70px; width:100%; margin:auto}
.khq h3 b{ font-size:50px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:10px; }






.dh2-1{width:46%; height:260px;  float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:35px; position:none; margin-top:0px; }
.dh2-1 img{ padding-top:10px; padding-bottom:10px; }
.dh2-1 p{ font-size:13px; line-height:35px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }

.dh2-2{width:46%; height:260px;  float:right; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:35px; position:none; margin-top:0px; }
.dh2-2 img{ padding-top:10px; padding-bottom:10px;}
.dh2-2 p{ font-size:13px; line-height:35px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }


.dh2-3{width:100%; height:260px; text-align:center; float:left;background-size:100%; background:url(../images/b2.jpg) no-repeat center top; text-align:center; color:#fff; font-size:20px; padding-top:0px; font-weight:900 ;position:relative; margin-top:-30px; margin-left:0px;}
.dh2-3 img{ padding-top:80px; padding-bottom:10px;}
.dh2-3 p{ font-size:13px; line-height:35px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }


.dh2-4{width:46%; height:260px; float:left;background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:-30px; margin-left:0px;background-size:100%; }
.dh2-4 img{ padding-top:40px; padding-bottom:10px;}
.dh2-4 p{ font-size:13px; line-height:35px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }


.dh2-5{width:46%;  height:260px; float:right; background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:-30px;background-size:100%; }
.dh2-5 img{ padding-top:40px; padding-bottom:10px; }
.dh2-5 p{ font-size:13px; line-height:35px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }


#tf1{
width:100%;
height:200px; color:#FFFFFF; 
float:none;
background:url(../images/bbb.jpg) no-repeat top center; margin-top:60px;
}

.tf{
width:95%; 
margin:0 auto;
}
.tf span{ text-align:left; font-size:25px; padding-top:50px; line-height:35px; float:right!important; width:350px;}
.tf p{
 font-size:15px;
}




.ysz1{width:100%;float:none;}

.ysz{width:100%;float:none;background:url(../images/bb.jpg) no-repeat top center #000;height:297px; }
.ys{width:95%;margin:0 auto; }
.ys1{ float:none; padding-right:20px; padding-top:40px;
color:#fff; font-size:20px; text-align:left; line-height:50px;}
.ys1 b{font-size:40px; display:block; text-align:left;}
.ys1 p{font-size:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:left; }


.ys11{
width:100%; float:none; background:url(../images/ys_bb.png) no-repeat 180px 155px; 
}


.nr1{ float:none;width:100%;height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:right; width:50%; margin-top:150px; position: absolute;clear: both;right:-0%;}
.nr2 img{ width:100%;}

.yyp{ width:100%; float:none; padding-top:40px;}
.yyp ul{ width:100%; float:none; clear:both}
.yyp ul li:nth-child(2n){ float:right}
.yyp ul li{ padding-left:0px; float:left; width:48%; text-align:center; font-size:17px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-top:20px;}
.yyp ul li:hover{ margin-top:-0px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}





.case1{width:100%; float:left; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.case h3{width:95%; float:none; text-align:center;  color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:10px;font-size:40px; margin:0 auto; }
.case h3 b{color:#003171; font-weight:900; }
.case h3 span{width:95%; text-align:center;  font-size:18px; color:#9f9f9f; font-weight:normal; line-height:30px; }
.honor{width:95%; margin:auto; clear:both}

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:100%;margin:0 auto;z-index:-9999; }
.rollBox .Cont{width:100%;overflow:hidden;float:none;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:100%; height:180px; float:left;text-align:left; background:#fff; }
.rollBox .Cont .pic img{ width:100%; height:180px;}
.imglist2 ul li:nth-child(2n){float:right}
.imglist2 ul li:nth-child(3){ margin-left:0px;float:left}
.imglist2 ul li:nth-child(2){ margin-left:0px; float:right}
.imglist2 ul li{text-align:center;float:left;display:inline;width:48%;height:180px; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-top:20px;}
.imglist2 ul li img{width:100%;height:180px; padding:5px;float:none}




#new1{width:95%; margin:auto; overflow:hidden; padding-bottom:40px; padding-top:40px;}
#new1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:900; line-height:55px; padding-top:0px; padding-bottom:50px; }
#new1 h3 span{width:100%; }
#new1 h3 p{width:60%;}


.n_left{ float:none; width:100%; }
.n_left_1{ width:100%; height:130px; float:none;border-bottom:#CCCCCC dashed 1px;}
.n_left_1 h4{ width:100%; font-size:20px; height:auto; line-height:auto; font-weight:normal;color:#000000; }
.n_left_1 h4  a{ font-size:18px;}
.n_left_1 h4 b{ width:149px; height:44px; background:#0e518e; font-size:20px; color:#FFFFFF; text-align:center; float:none; line-height:44px; margin-right:0px; display:block}
.n_left_1_1{ width:100%; float:none; padding-top:0px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:25px; margin-bottom:25px;}



.n_left_2{ float:none; width:100%; }
.n_left_2 ul{ width:100%; float:none; padding-top:18px; clear:both}
.n_left_2 ul li{ width:100%; float:none;  border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:15px; clear:both}
.n_left_2 ul li img{ width:25%; height:120px; padding-right:0px; float:left; object-fit: cover;}
.n_left_2_1{ width:70%;  float:right; }
.n_left_2_1 h6{ float:none; font-size:18px; color:#000000; line-height:35px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}

.n_left_2_1 .xwms{ float:none!important; margin-top:-10px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}


.n_left_3{ float:none; width:100%; }
.n_left_3 ul{ width:100%; float:none;}
.n_left_3 ul li{ width:100%; float:none; }



.n_right{ width:91%; height:auto; float:none;padding:4%; margin-top:30px; clear:both;border: #dcdcdc solid 1px;}
.n_right h4{ width:100%;  clear:both }
.n_right h4 span{ float:right; }

.n_right img{ width:100%;}

.n_right ul{ width:100%; float:none; padding-top:18px;}
.n_right ul li:last-child{ border-bottom:0px;}
.n_right ul li{ width:100%; float:none;  }




#fot1{width:100%;float:none;background:#232324;padding-top:50px;padding-bottom:40px; border-top:#003171 solid 11px; }

.flogo{ width:100%; text-align:center; margin:0 auto}
.flogo img{ text-align:center}
.fot{ width:95%; margin:0 auto;font-size:14px; padding-bottom:0px; float:none}

.clear{ clear:both}
.ewm:nth-child(2){ float:right}
.ewm1{ width:100%!important;margin:0 auto!important; float:none; margin-right:0px!important;margin-left:0px!important;border-bottom:#2c2c2d solid 1px; padding-bottom:20px;}
.ewm{ width:48%;float:left; text-align:center; color:#FFFFFF; font-size:14px; line-height:40px; margin-right:0px; padding-top:25px;}
.ewm p{ width:100%; float:none;  }
.ewm_z{ width:90%; margin:0 auto;}

.contact{ width:100%; float:none; border-left:#2c2c2d solid 0px; border-right:#2c2c2d solid 0px; padding-left:0px; padding-right:0px; color:#7f7f87; line-height:30px; text-align:center; padding-top:25px; }
.contact h3{ width:100%;  float:none;  color:#cfcfcf; line-height:35px; padding-bottom:20px; text-align:center}

.dh{ display:none; }
.dh1{ display:none; }

.footer1{float:none;}
.footer{width:95%; margin:0 auto;line-height:30px; padding-top:15px; padding-bottom:30px; text-align:center}









.nyabout{ background-size:250%; height:150px;}
.nycon{ background-size:250%; height:150px; }

.nyorder{ background-size:250%; height:150px; }
.nyfac{ background-size:250%; height:150px; }
.nytech{ background-size:250%; height:150px; }
.nycase{ background-size:250%; height:150px;}
.nypro{ background-size:250%; height:150px;}
.nynews{ background-size:250%; height:150px; }



body{color:#535353;font-size: 1em;font-family:"arial";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"arial"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0!important; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 

.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box;background:none; }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	
	
.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav {  background:#0f5ba9; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10000000000009; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {background-image: url(../images/shl-e.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	

#f1{height:140px;float:none; background-size:250%;}

#f2{height:140px;float:none; background-size:250%;}

#f3{height:140px;float:none; background-size:250%;}

#f4{height:140px;float:none; background-size:250%;}

#f5{height:140px;float:none; background-size:250%;}



#f6{height:140px;float:none; background-size:250%;}

#f7{height:140px;float:none; background-size:250%;}
#f8{height:140px;float:none; background-size:250%;}


#main{ width:95%; margin:0 auto; padding-top:0px; clear:both}
#main .ab11 ul{ clear:both}
#main .ab11 {height: auto; width:100%; padding-top:40px;}



#main .ab11 ul{overflow:hidden; }
#main .ab11 ul li{display:block;float:left; margin-bottom:20px;}
#main .ab11 ul li a{float:none; text-align:center; font-size:15px; text-align:center }
#main .ab11 ul li a:hover{   float:none;}


.zz1{  color:#FFFFFF;background:#0e518e; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz1 a{color:#FFFFFF ;text-align:center  }
.zz2{  color:#000;background:#eaeaea; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz2 a{color:#000 ; text-align:center }


.lxx {width: 100%; float: none;padding-bottom: 10px; padding-top: 30px;}
.lxx h3{width:100%; border-bottom:#e0e0e0 solid 1px; float:none; clear:both;  font-size:25px; text-align:left;  line-height:50px;  margin-bottom:30px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif}

.lxx h3 span{ display:none; font-size:14px; background:url(../images/h.jpg) no-repeat left 18px; float:right;  font-weight:normal; letter-spacing:0px; padding-left:0px; padding-top:0px;}

.newspage {
	 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center; float:none}


#main #about .imglist21 ul li:nth-child(2n){ float:right}
#main #about .imglist21 ul li { 
    text-align: center;
    float: left;
    display: inline;
    width: 48%;
    height: auto;
    margin: 0px;margin-bottom:25px; 
    overflow: hidden;
    background: #e0e0e0;}


#main #about .imglist21 ul li span {
    line-height: 40px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;
    padding-top: 0px;
    height: 40px;
    text-align: cente;
    color: #000000;
    float: none;
    width: 100%;}
	.order {
    width: 100%;
    float: none;
    padding-top: 0px;
    background: #f0f0f0;
    text-align: center;
    line-height: 45px;
    margin-bottom: 40px;
    color: #000;
    font-size: 18px;}
	
#main .case {
	width:100%;
	padding: 0px 0%;
	height: auto;
	overflow: hidden;
	margin-top: 50px; 
}

#main .case ul li:nth-child(2n){ float:right}
#main .case ul li{
	width:100%;
	height: auto;	
	margin-bottom: 20px;
	overflow: hidden; float:none; margin-right:0px; margin-left:0px;}
#main .case .animate { background:none;}

#main .case ul li .thum img{ width:100%; height:auto}
#main .case ul li .thum{width: 100%;height: auto; min-height:100%}
#main .case ul li:hover .name{height: 90px;}
#main .case ul li:hover .thum img{opacity: .8;}
#main .case ul li:hover .name strong{margin-left: 25px;font-size: 16px; }
#main .case ul li:hover .name span{margin-left: 25px;}
#main .case ul li:hover .name p{width: 25px;}
#main .case ul li .thum img{display: block; width:100%; height:auto;}
#main .case ul li.three{margin-right: 0%;}
#main .case ul li a{display: block;width: 100%;height: 100%;}
#main .case ul li img{display: block;}
#main .case ul li .name{margin-top: 30px;height: 90px;line-height: 30px;position: relative;overflow: hidden;}
#main .case ul li .name p{
	width: 0px;
	height: 1px;
	position: absolute;
	left: -5px;
	top: 19px;
	background: #3E3E3E;
	opacity: .5;
}
#main .case ul li .name strong{
	margin-right: 10px;
}
#main .case ul li .name span{
	font-size: 12px;
	opacity: .5;
	
}
.casePage {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	clear: both;
	padding-top: 35px;
}

.casePage .casePrev {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
	background: #878585;
	color: #fff;
}

.casePage .caseNext {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	background: #878585;
	color: #fff;
}

.mapp13{ width:100%; float:none;padding-bottom:0px; background:#fff; clear:both}

.lxx11{ width:100%; float:none;position: relative;clear: both; z-index:99999; }
.lxx112{width:75%; float:none; height:auto;position: absolute;clear: both;  padding:5% 4%; left:60px; top:70px; background:rgba(246,246,246,.9);  box-shadow:0px 6px 6px 0px rgba(0,0,0,.2);  color:#000}


.div1270{ width:95%; margin:0 auto; margin-top:40px;}
.vc1{ width:100%; float:none; text-align:center; font-size:35px; padding-top:25px; color:#000000]}
.vc12{width:100%; float:none;  text-align:center; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:45px; padding-bottom:0px;}
.contact_2{
overflow:hidden; background-color:#f3f3f3; float:none; width:100%; margin-top:50px;}
.contact_2_1{
margin-top:1.5em;}
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em;}
.contact_2_1_mid textarea{ height:14em;
border:none; background:none; width:100%; font-size:1em;}

.anniu {
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { border:0px;
margin-bottom:3.625em; margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
	

#main .imglist2 ul li:nth-child(2n){ float:right}
#main .imglist2 ul li {
    text-align: center;
    float: left;
    width: 48%; display:block;
    height: auto;
    margin: 0px 0px;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}
#main .imglist2 ul li img {
    width: 100%;
    height: 140px;
    padding: 5px;
    float: none;
}
#main .zu12 {display: flex;justify-content: center;align-items: center; overflow:hidden;
    width: 100%!important;
    height: 165px!important;
    overflow: hidden;
    vertical-align: middle!important;
    display: table-cell!important;
    background: #FFF;
}
#main  .zu11 {display: flex;justify-content: center;align-items: center; overflow:hidden;
    width: 100%!important;
    height: 160px!important;
    overflow: hidden;
    vertical-align: middle!important;
    display: table-cell!important;
    background: #FFF;
}

#main .imglist1 ul li img{background:#FFF;     width: 100%;
    height: 140px;
    padding: 5px;
    float: none;}
#main .imglist1 ul li span{line-height:22px;display:block;background:#FFF; text-align:center}

#main .imglist1 ul li:nth-child(2n){ float:right}
#main .imglist1 ul li {
  text-align: center;
  float: left;
  display: inline;
  width: 48%;
  height: auto;
  margin: 0; margin-top:20px;
  overflow: hidden;
  border: #e4e4e4 1px solid;
}


/*job*/
.jobt-t{ font-size:24px; font-weight:bold; color:#216fb9; margin-bottom:20px; }
.jobt-list li:nth-child(2n){ float:right}
.jobt-list li { overflow:hidden; margin-bottom:40px; width:48%; float:left;}
.jobt-list li ._num{ float:left; width:18%; font-size:30px; line-height:70px; border:1px solid #216fb9; color:#216fb9; text-align:center; }
.jobt-list li ._nr{ float:right; width:76%;}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#216fb9; color:#fff;}

.jobt-sum{ border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; clear:both;}
.jobt-sum span{ font-size:18px; font-weight:bold;}


#main  .pro_1{width:100%;   margin:auto;clear:both;color:#555555; background:#fff; padding-top:0px;}
#main  .pro_1 h3{width:360px;  float:none; text-align:left;  font-size:35px; color:#000000; font-weight:normal; line-height:45px; padding-top:50px; padding-bottom:10px; margin-bottom:35px;}
#main  .pro_1 h3 span{width:360px;  text-align:center;  font-size:18px; color:#363636; font-weight:normal}

.job-liucheng{ position:relative;}
.job-liucheng ._nr{ height:100%; background:url(../images/blue.8.png) repeat; width:45%; padding:0 2% 0 3%; color:#fff; position:absolute; left:0; top:0;}
.job-liucheng ._title{ font-size:24px; font-weight:bold; margin-top:60px; margin-bottom:30px;}
.job-liucheng ._sum{ font-size:14px; line-height:30px; margin-bottom:40px; }
.job-liucheng ._jbtn a{ display:inline-block; line-height:50px; border:3px solid #fff; font-size:18px; font-weight:bold; padding:0 25px 0 15px; margin-right:40px;}
.job-liucheng ._jbtn .ion{ font-weight:normal; font-size:26px; vertical-align:middle; }
.job-liucheng ._jbtn a:hover{ background:#216fb9; color:#fff; }


#main .subNav {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #000; line-height:22px;
    padding-left: 10px;
    background: #f0f0f0;
    margin-bottom: 15px;
}
#youku-playerBox{ width:100%!important; height:auto!important}
.xxx img{ width:100%!important; height:auto!important}
.xxx { width:100%!important; overflow:hidden}
}



@media all and (max-width:320px){

.menu_pc{ display:none}
.menu_wap{ display:block}

.foot_wap{ display:block}

.dier{ margin-left:8px; padding-top:5px;}
.dier h2{ font-size:24px; color:#000;}
.dier h3{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-transform:uppercase;}



#head{display:none;}


#flash{ float:none; }


#menu{ display:none;}



#nn1{
width:100%;
float:none;
height:auto; padding-top:10px; padding-bottom:10px;
background:#f0f0f0;
}
#nn{width:95%;margin:0 auto;}


#nn .n4{float:none;width:100%; }

#nn .n3{float:none;width:100%; color:#005ea6; font-size:20px; padding-top:18px; font-weight:bold ; clear:both}
#nn .n2{float:none;width:100%; line-height:30px; color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:none;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:30px; padding-right:0px; color:#3f3f3f }





#search{
width:100%;
 border-radius:25px;border:#d5d5d5 solid 1px;background:#fff;height:43px; margin-top:20px; margin-bottom:20px;
float:none;
}
#search_logo{ padding-top:3px;}


.searchinput{
height:34px;
line-height:34px;
margin-top:5px;
color:#333333;
border:#d5d5d5 solid 0px;
width:80%; margin-left:10px;
float:left;
padding-left:20px;
display:inline;

}







.ab2{width:95%;margin:auto; padding-top:35px; clear:both; }
.ab2-1{width:100%; float:none; clear:both }
.ab2-1 h3{width:100%; float:none;font-size:35px; color:#003171;font-weight:900;line-height:50px; padding-bottom:15px; }
.ab2-1 h3 span{ font-weight:normal; font-size:16px; color:#191818; line-height:30px;}
.ab2-1 h3 p{ font-weight:normal; font-size:25px; color:#191818;line-height:40px; }
.ab2-1 h3 b{ font-weight:normal; font-size:15px; color:#ececec; font-size:50px; text-transform:uppercase;font-family:impact;line-height:60px;  }

.ab2-3{width:100%; float:none; line-height:26px; font-size:14px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:25px;}


.ab1{width:35%;height:379px; float:left; background:#0f5ba9;writing-mode:vertical-rl; color:#4d7fb1; font-size:25px; line-height:50px; padding-top:30px; padding-right:5%;}
.ab1 b{font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase}
.ab11{width:60%;height:409px; float:right; overflow:hidden;
}
.ab11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.m1{ float:none;  font-weight:normal; background:url(../images/m1.jpg) no-repeat left; width:auto; height:45px; clear:both; margin-bottom:30px;}
.m1-1{ float:left;  font-size:15px;  width:45%; line-height:45px; color:#000000; text-align:center}
.m1-2{ float:left; font-size:17px; width:39%; line-height:45px; color:#fff; text-align:center}









.pro_1{width:100%; width:100%; float:none; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.pro_1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:0px; }
.pro_1 h3 b{color:#003171; font-weight:900;}


.pro_1 h3 span{width:100%; text-align:center;  font-size:17px; color:#9f9f9f; font-weight:normal; line-height:30px; }


.pro2{width:100%; margin:0 auto; margin-top:20px;}

.left{width:100%; float:none; background:#222222; padding-bottom:20px;}
.left h3{width:100%; height:110px; line-height:110px; background:#0e518e; float:left; color:#FFFFFF; text-align:center; font-size:35px; font-weight:900;}

.left ul{width:100%; text-align:center; font-size:17px; padding-top:0px; padding-bottom:0px;}
.left ul li{display:block;float:none;width:100%;  }
.left ul li a{ float:none;  width:100%;  line-height:53px; padding-left:0%; color:#fff}
.left ul li:nth-child(even){background:#393939;}
.left ul li a:hover{ float:none;  color:#fff; background:#0c2c6c }

.left img{ text-align:center; margin:0 auto;padding-left:0; padding-top:20px; padding-bottom:20px; width:100%; padding-right:0;}
.sptu{ width:93%; margin:0 auto}

.ship{width:100%; height:80px; line-height:80px; background:#0e518e; float:none; color:#FFFFFF; text-align:center; font-size:30px; font-weight:900;}
.dddh{ background:#393939; line-height:50px; color:#727272; font-size:15px; text-align:center}
.dddh b{  font-size:25px;}
.dddh1{ line-height:40px; color:#727272; font-size:15px; text-align:center; padding-left:0px;}



.pro-right{ width:95%; margin:0 auto; float:none; margin-top:40px;  }
.pro-right1{  background:#fff; width:100%; float:none; height:auto!important;  border: #d4d4d4 1px solid;border-top:#0e518e solid 5px; }

.pro-right1_1{width:100%; float:none; height:auto; clear:both; text-align:center; margin:0 auto; }
.pro-right1_1 img{width:100%; float:none; max-height:271px; width:auto; padding-top:30px; padding-left:0px; text-align:center}

.pro-right1_2 {width:93%; margin:0 auto; float:none; clear:both }
.pro-right1_2 h4{width:100%; float:none; padding-top:50px; font-size:25px; font-weight:normal;}
.pro-right1_21 {width:100%; float:none; padding-top:20px; padding-bottom:20px; }


.imglist ul{ clear:both; margin-bottom:20px; margin-top:40px;}
.imglist ul li:nth-child(6){float:right}
.imglist ul li:nth-child(5){ margin-left:0px; float:left}
.imglist ul li:nth-child(3){float:left}
.imglist ul li:nth-child(2n){ float:right}
.imglist ul li:nth-child(2){ margin-left:0px; float:right}
.imglist ul li{text-align:center;float:left;display:inline;width:48%;height:auto; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-bottom:20px;}
.imglist ul li img{width:100%;height:195px; padding:10px; background:#fff;  border: #d4d4d4 1px solid; float:none}
.imglist ul li span{line-height:40px; padding-top:0px;height:40px;text-align:cente;  color:#000000;float:none;width:100%;}






.khq1{width:100%; float:none; background:#0e518e; padding-top:40px; padding-bottom:40px;}
.khq{width:95%; margin:0 auto; }

.khq h3{width:100%; float:none; text-align:center;  font-size:30px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:2px; line-height:40px; clear:both;margin-bottom:50px;}
.khq h3 p{ border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; font-size:40px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:70px; width:100%; margin:auto}
.khq h3 b{ font-size:50px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:10px; }



.dh2-1{width:46%; height:260px;  float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:40px; position:none; margin-top:0px; }
.dh2-1 img{ padding-top:10px; padding-bottom:10px; }
.dh2-1 p{ font-size:14px; line-height:35px; }

.dh2-2{width:46%; height:260px;  float:right; background:url(../images/b1.jpg) no-repeat; text-align:center; background-size:100%; color:#fff; font-size:20px; padding-top:40px; position:none; margin-top:0px; }
.dh2-2 img{ padding-top:10px; padding-bottom:10px;}
.dh2-2 p{ font-size:14px; line-height:35px; }


.dh2-3{width:100%; height:260px; text-align:center; float:left;background-size:100%; background:url(../images/b2.jpg) no-repeat center top; text-align:center; color:#fff; font-size:20px; padding-top:0px; font-weight:900 ;position:relative; margin-top:00px; margin-left:0px;}
.dh2-3 img{ padding-top:80px; padding-bottom:10px;}
.dh2-3 p{ font-size:14px; line-height:35px; }


.dh2-4{width:46%; height:260px; float:left;background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:0px; margin-left:0px;background-size:100%; }
.dh2-4 img{ padding-top:40px; padding-bottom:10px;}
.dh2-4 p{ font-size:14px; line-height:35px; }


.dh2-5{width:46%;  height:260px; float:right; background:url(../images/b1.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px; padding-top:40px; position:relative; margin-top:0px;background-size:100%; }
.dh2-5 img{ padding-top:40px; padding-bottom:10px; }
.dh2-5 p{ font-size:14px; line-height:35px; }


#tf1{
width:100%;
height:200px; color:#FFFFFF; 
float:none;
background:url(../images/bbb.jpg) no-repeat top center; margin-top:60px;
}

.tf{
width:95%; 
margin:0 auto;
}
.tf span{ text-align:left; font-size:25px; padding-top:50px; line-height:35px; float:right!important; width:350px;}
.tf p{
 font-size:15px;
}





.ysz1{width:100%;float:none;}

.ysz{width:100%;float:none;background:url(../images/bb.jpg) no-repeat top center #000;height:297px; }
.ys{width:95%;margin:0 auto; }



.ys11{
width:100%; float:none; background:url(../images/ys_bb.png) no-repeat 180px 155px; 
}


.nr1{ float:none;width:100%;height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:right; width:50%; margin-top:150px; position: absolute;clear: both;right:-0%;}
.nr2 img{ width:100%;}

.yyp{ width:100%; float:none; padding-top:40px;}
.yyp ul{ width:100%; float:none; clear:both}
.yyp ul li:nth-child(2n){ float:right}
.yyp ul li{ padding-left:0px; float:left; width:48%; text-align:center; font-size:17px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-top:20px;}
.yyp ul li:hover{ margin-top:-0px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}





.case1{width:100%; float:left; background:#f0f0f0; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.case h3{width:95%; float:none; text-align:center;  color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:10px;font-size:40px; margin:0 auto; }
.case h3 b{color:#003171; font-weight:900; }
.case h3 span{width:95%; text-align:center;  font-size:18px; color:#9f9f9f; font-weight:normal; line-height:30px; }
.honor{width:95%; margin:auto; clear:both}

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:100%;margin:0 auto;z-index:-9999; }
.rollBox .Cont{width:100%;overflow:hidden;float:none;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:100%; height:180px; float:left;text-align:left; background:#fff; }
.rollBox .Cont .pic img{ width:100%; height:180px;}
.imglist2 ul li:nth-child(2n){float:right}
.imglist2 ul li:nth-child(3){ margin-left:0px;float:left}
.imglist2 ul li:nth-child(2){ margin-left:0px; float:right}
.imglist2 ul li{text-align:center;float:left;display:inline;width:48%;height:180px; margin:0px 0px;overflow:hidden;background:#e0e0e0; margin-top:20px;}
.imglist2 ul li img{width:100%;height:180px; padding:5px;float:none}




#new1{width:95%; margin:auto; overflow:hidden; padding-bottom:40px; padding-top:40px;}
#new1 h3{width:100%; float:none; text-align:center;  font-size:40px; color:#000; font-weight:900; line-height:55px; padding-top:0px; padding-bottom:50px; }
#new1 h3 span{width:100%; }
#new1 h3 p{width:60%;}


.n_left{ float:none; width:100%; }
.n_left_1{ width:100%; height:130px; float:none;border-bottom:#CCCCCC dashed 1px;}
.n_left_1 h4{ width:100%; font-size:20px; height:auto; line-height:auto; font-weight:normal;color:#000000; }
.n_left_1 h4  a{ font-size:18px;}
.n_left_1 h4 b{ width:149px; height:44px; background:#0e518e; font-size:20px; color:#FFFFFF; text-align:center; float:none; line-height:44px; margin-right:0px; display:block}
.n_left_1_1{ width:100%; float:none; padding-top:0px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:25px; margin-bottom:25px;}



.n_left_2{ float:none; width:100%; }
.n_left_2 ul{ width:100%; float:none; padding-top:18px; clear:both}
.n_left_2 ul li{ width:100%; float:none;  border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:15px; clear:both}
.n_left_2 ul li img{ width:25%; height:120px; padding-right:0px; float:left; object-fit: cover;}
.n_left_2_1{ width:70%;  float:right; }
.n_left_2_1 h6{ float:none; font-size:18px; color:#000000; line-height:35px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}

.n_left_2_1 .xwms{ float:none!important; margin-top:-10px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}


.n_left_3{ float:none; width:100%; }
.n_left_3 ul{ width:100%; float:none;}
.n_left_3 ul li{ width:100%; float:none; }



.n_right{ width:100%; height:auto; float:none;padding:4%; margin-top:30px; clear:both}
.n_right h4{ width:100%;  clear:both }
.n_right h4 span{ float:right; }

.n_right img{ width:100%;}

.n_right ul{ width:100%; float:none; padding-top:18px;}
.n_right ul li:last-child{ border-bottom:0px;}
.n_right ul li{ width:100%; float:none;  }




#fot1{width:100%;float:none;background:#232324;padding-top:50px;padding-bottom:40px; border-top:#003171 solid 11px; }

.flogo{ width:100%; text-align:center; margin:0 auto}
.flogo img{ text-align:center}
.fot{ width:95%; margin:0 auto;font-size:14px; padding-bottom:0px; float:none}

.clear{ clear:both}
.ewm:nth-child(2){ float:right}
.ewm1{ width:100%!important;margin:0 auto!important; float:none; margin-right:0px!important;margin-left:0px!important;border-bottom:#2c2c2d solid 1px; padding-bottom:20px;}
.ewm{ width:48%;float:left; text-align:center; color:#FFFFFF; font-size:14px; line-height:40px; margin-right:0px; padding-top:25px;}
.ewm p{ width:100%; float:none;  }
.ewm_z{ width:90%; margin:0 auto;}

.contact{ width:100%; float:none; border-left:#2c2c2d solid 0px; border-right:#2c2c2d solid 0px; padding-left:0px; padding-right:0px; color:#7f7f87; line-height:30px; text-align:center; padding-top:25px; }
.contact h3{ width:100%;  float:none;  color:#cfcfcf; line-height:35px; padding-bottom:20px; text-align:center}

.dh{ display:none; }
.dh1{ display:none; }

.footer1{float:none;}
.footer{width:95%; margin:0 auto;line-height:30px; padding-top:15px; padding-bottom:30px; text-align:center}









.nyabout{ background-size:250%; height:150px;}
.nycon{ background-size:250%; height:150px; }

.nyorder{ background-size:250%; height:150px; }
.nyfac{ background-size:250%; height:150px; }
.nytech{ background-size:250%; height:150px; }
.nycase{ background-size:250%; height:150px;}
.nypro{ background-size:250%; height:150px;}
.nynews{ background-size:250%; height:150px; }



body{color:#535353;font-size: 1em;font-family:"arial";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"arial"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0!important; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 

.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box;background:none; }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	
	
.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav {  background:#0f5ba9; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10000000000009; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {background-image: url(../images/shl-e.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	

#f1{height:140px;float:none; background-size:250%;}

#f2{height:140px;float:none; background-size:250%;}

#f3{height:140px;float:none; background-size:250%;}

#f4{height:140px;float:none; background-size:250%;}

#f5{height:140px;float:none; background-size:250%;}



#f6{height:140px;float:none; background-size:250%;}

#f7{height:140px;float:none; background-size:250%;}
#f8{height:140px;float:none; background-size:250%;}


#main{ width:95%; margin:0 auto; padding-top:0px; clear:both}
#main .ab11 ul{ clear:both}
#main .ab11 {height: auto; width:100%; padding-top:40px;}



#main .ab11 ul{overflow:hidden; }
#main .ab11 ul li{display:block;float:left; margin-bottom:20px;}
#main .ab11 ul li a{float:none; text-align:center; font-size:15px; text-align:center }
#main .ab11 ul li a:hover{   float:none;}


.zz1{  color:#FFFFFF;background:#0e518e; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz1 a{color:#FFFFFF ;text-align:center  }
.zz2{  color:#000;background:#eaeaea; padding-left:0px; padding-right:0px; float:none;  line-height:50px; margin-left:1.5%; margin-right:1.5%; border-radius:5px; width:30%;text-align:center }
.zz2 a{color:#000 ; text-align:center }


.lxx {width: 100%; float: none;padding-bottom: 10px; padding-top: 30px;}
.lxx h3{width:100%; border-bottom:#e0e0e0 solid 1px; float:none; clear:both;  font-size:25px; text-align:left;  line-height:50px;  margin-bottom:30px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif}

.lxx h3 span{ display:none; font-size:14px; background:url(../images/h.jpg) no-repeat left 18px; float:right;  font-weight:normal; letter-spacing:0px; padding-left:0px; padding-top:0px;}

.newspage {
	 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center; float:none}


#main #about .imglist21 ul li:nth-child(2n){ float:right}
#main #about .imglist21 ul li { 
    text-align: center;
    float: left;
    display: inline;
    width: 48%;
    height: auto;
    margin: 0px;margin-bottom:25px; 
    overflow: hidden;
    background: #e0e0e0;}


#main #about .imglist21 ul li span {
    line-height: 40px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;
    padding-top: 0px;
    height: 40px;
    text-align: cente;
    color: #000000;
    float: none;
    width: 100%;}
	.order {
    width: 100%;
    float: none;
    padding-top: 0px;
    background: #f0f0f0;
    text-align: center;
    line-height: 45px;
    margin-bottom: 40px;
    color: #000;
    font-size: 18px;}
	
#main .case {
	width:100%;
	padding: 0px 0%;
	height: auto;
	overflow: hidden;
	margin-top: 50px; 
}

#main .case ul li:nth-child(2n){ float:right}
#main .case ul li{
	width:100%;
	height: auto;	
	margin-bottom: 20px;
	overflow: hidden; float:none; margin-right:0px; margin-left:0px;}
#main .case .animate { background:none;}

#main .case ul li .thum img{ width:100%; height:auto}
#main .case ul li .thum{width: 100%;height: auto; min-height:100%}
#main .case ul li:hover .name{height: 90px;}
#main .case ul li:hover .thum img{opacity: .8;}
#main .case ul li:hover .name strong{margin-left: 25px;font-size: 16px; }
#main .case ul li:hover .name span{margin-left: 25px;}
#main .case ul li:hover .name p{width: 25px;}
#main .case ul li .thum img{display: block; width:100%; height:auto;}
#main .case ul li.three{margin-right: 0%;}
#main .case ul li a{display: block;width: 100%;height: 100%;}
#main .case ul li img{display: block;}
#main .case ul li .name{margin-top: 30px;height: 90px;line-height: 30px;position: relative;overflow: hidden;}
#main .case ul li .name p{
	width: 0px;
	height: 1px;
	position: absolute;
	left: -5px;
	top: 19px;
	background: #3E3E3E;
	opacity: .5;
}
#main .case ul li .name strong{
	margin-right: 10px;
}
#main .case ul li .name span{
	font-size: 12px;
	opacity: .5;
	
}
.casePage {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	clear: both;
	padding-top: 35px;
}

.casePage .casePrev {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
	background: #878585;
	color: #fff;
}

.casePage .caseNext {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	background: #878585;
	color: #fff;
}

.mapp13{ width:100%; float:none;padding-bottom:0px; background:#fff; clear:both}

.lxx11{ width:100%; float:none;position: relative;clear: both; z-index:99999; }
.lxx112{width:75%; float:none; height:auto;position: absolute;clear: both;  padding:5% 4%; left:60px; top:70px; background:rgba(246,246,246,.9);  box-shadow:0px 6px 6px 0px rgba(0,0,0,.2);  color:#000}


.div1270{ width:95%; margin:0 auto; margin-top:40px;}
.vc1{ width:100%; float:none; text-align:center; font-size:35px; padding-top:25px; color:#000000]}
.vc12{width:100%; float:none;  text-align:center; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:45px; padding-bottom:0px;}
.contact_2{
overflow:hidden; background-color:#f3f3f3; float:none; width:100%; margin-top:50px;}
.contact_2_1{
margin-top:1.5em;}
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em;}
.contact_2_1_mid textarea{ height:14em;
border:none; background:none; width:100%; font-size:1em;}

.anniu {
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { border:0px;
margin-bottom:3.625em; margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#007fcc; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
	

#main .imglist2 ul li:nth-child(2n){ float:right}
#main .imglist2 ul li {
    text-align: center;
    float: left;
    width: 48%; display:block;
    height: auto;
    margin: 0px 0px;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}
#main .imglist2 ul li img {
    width: 100%;
    height: 140px;
    padding: 5px;
    float: none;
}
#main .zu12 {display: flex;justify-content: center;align-items: center; overflow:hidden;
    width: 100%!important;
    height: 165px!important;
    overflow: hidden;
    vertical-align: middle!important;
    display: table-cell!important;
    background: #FFF;
}
#main  .zu11 {display: flex;justify-content: center;align-items: center; overflow:hidden;
    width: 100%!important;
    height: 160px!important;
    overflow: hidden;
    vertical-align: middle!important;
    display: table-cell!important;
    background: #FFF;
}

#main .imglist1 ul li img{background:#FFF;     width: 100%;
    height: 140px;
    padding: 5px;
    float: none;}
#main .imglist1 ul li span{line-height:22px;display:block;background:#FFF; text-align:center}

#main .imglist1 ul li:nth-child(2n){ float:right}
#main .imglist1 ul li {
  text-align: center;
  float: left;
  display: inline;
  width: 48%;
  height: auto;
  margin: 0; margin-top:20px;
  overflow: hidden;
  border: #e4e4e4 1px solid;
}


/*job*/
.jobt-t{ font-size:24px; font-weight:bold; color:#216fb9; margin-bottom:20px; }
.jobt-list li:nth-child(2n){ float:right}
.jobt-list li { overflow:hidden; margin-bottom:40px; width:48%; float:left;}
.jobt-list li ._num{ float:left; width:18%; font-size:30px; line-height:70px; border:1px solid #216fb9; color:#216fb9; text-align:center; }
.jobt-list li ._nr{ float:right; width:76%;}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#216fb9; color:#fff;}

.jobt-sum{ border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; clear:both;}
.jobt-sum span{ font-size:18px; font-weight:bold;}


#main  .pro_1{width:100%;   margin:auto;clear:both;color:#555555; background:#fff; padding-top:0px;}
#main  .pro_1 h3{width:360px;  float:none; text-align:left;  font-size:35px; color:#000000; font-weight:normal; line-height:45px; padding-top:50px; padding-bottom:10px; margin-bottom:35px;}
#main  .pro_1 h3 span{width:360px;  text-align:center;  font-size:18px; color:#363636; font-weight:normal}

.job-liucheng{ position:relative;}
.job-liucheng ._nr{ height:100%; background:url(../images/blue.8.png) repeat; width:45%; padding:0 2% 0 3%; color:#fff; position:absolute; left:0; top:0;}
.job-liucheng ._title{ font-size:24px; font-weight:bold; margin-top:60px; margin-bottom:30px;}
.job-liucheng ._sum{ font-size:14px; line-height:30px; margin-bottom:40px; }
.job-liucheng ._jbtn a{ display:inline-block; line-height:50px; border:3px solid #fff; font-size:18px; font-weight:bold; padding:0 25px 0 15px; margin-right:40px;}
.job-liucheng ._jbtn .ion{ font-weight:normal; font-size:26px; vertical-align:middle; }
.job-liucheng ._jbtn a:hover{ background:#216fb9; color:#fff; }


#main .subNav {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #000; line-height:22px;
    padding-left: 10px;
    background: #f0f0f0;
    margin-bottom: 15px;
}
#youku-playerBox{ width:100%!important; height:auto!important}
.xxx img{ width:100%!important; height:auto!important}
.xxx { width:100%!important; overflow:hidden}
}